<template>
	<div class="container">
		<div class="head">
			<div class="search-input">
				<div class="warp">
					<image class="left" src="/static/icon/sreach.png" mode="aspectFill"></image>
					<input class="input" type="number" placeholder-style="color: #97989A;font-size:24rpx" placeholder="请输入手机号码搜索" v-model="phone" confirm-type="search"  />
					<div class="search-btn" @click="toFriendRequset()">搜索</div>
				</div>
			</div>
		</div>
		<div class="content" v-show="isEmpty">
			<empty :title="emptyTitle" setSrc="/static/icons/userNot.png"></empty>
		</div>
		
	</div>
</template>

<script>
import data from '@/js/index/search/data.js';
import methods from '@/js/index/search/methods.js';
import { mapState } from 'vuex';
import empty from '../../components/empty.vue';
export default {
	data,
	methods,
	onLoad(e) {
	
	},
	onShow() {
		
	},
	onHide() {},
	onReachBottom() {

	},
	components: {
		empty
	},
	computed: {
		...mapState(['navigationBarHeight']),
		statusBarHeight() {
			return uni.getSystemInfoSync().statusBarHeight
		}
	},

};
</script>
<style>
   page{
   	
		background: #F9F9F9;
   }
  /* uni-page{
   	background-color: #FFFFFF;
   } */
</style>
<style scoped lang="scss">
@import '~@/style/index/search.scss';
</style>
